/**
 * 比如jquery的加载是从cdn加载。
 */

const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  entry: resolve(__dirname, './src/index.js'),
  output: {
    filename: 'js/built.js',
    path: resolve(__dirname, 'build'),
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: resolve(__dirname, './src/index.html'),
    }),
  ],
  mode: 'production',
  externals: {
    /**
     * 忽略的库名，也就是npm包名。
     * 忽略之前built.js是 88.2kb，忽略之后是312bytes。
     * 需要在html中，手动引入。jquery的链接。
     *
     * 这个的值 jQuery ，一定要点入jquery库中，看看export出来的名字是什么。
     * 因为错写为 jquery，而无法得到结果。
     */
    jquery: 'jQuery',
  },
}
